﻿<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<title>jQuery分层轮播3d旋转切换代码 - 站长素材</title>

<link rel="stylesheet" href="../../css/jquery.zySlide.css">
<style>
	body{ background-color:#2E2E2E}
	.zy-Slide section{ color: #FFFFFF; border-width: 1px; border-style: solid;  width: 500px; height: 300px;}
</style>

</head>

<body>
<div id="Slide1" class="zy-Slide">
	<!--prev:元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。-->
	<section>前一张</section>
	<section>后一张</section>
	<ul>
		<!--alt + shift : 可以创建一个矩形选择区域-->
		<li><img src="images/1.jpg" /></li>
		<li><img src="images/2.jpg" /></li>
		<li><img src="images/3.jpg" /></li>
		<li><img src="images/4.jpg" /></li>
		<li><img src="images/5.jpg" /></li>
		<li><img src="images/6.jpg" /></li>
		<li><img src="images/7.jpg" /></li>
	</ul>
</div>
<!--<div id="Slide2" class="zy-Slide">-->
<!--	<!--prev:元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。-->-->
<!--	<section>前一张</section>-->
<!--	<section>后一张</section>-->
<!--	<ul>-->
<!--		<!--alt + shift : 可以创建一个矩形选择区域-->-->
<!--		<li><img src="images/4.jpg" /></li>-->
<!--		<li><img src="images/5.jpg" /></li>-->
<!--		<li><img src="images/6.jpg" /></li>-->
<!--		<li><img src="images/7.jpg" /></li>-->
<!--		<li><img src="images/1.jpg" /></li>-->
<!--		<li><img src="images/2.jpg" /></li>-->
<!--		<li><img src="images/3.jpg" /></li>-->
<!--	</ul>-->
<!--</div>-->

<script src="jquery.min.js"></script>
<script src="jquery.zySlide.js"></script>
<script src="index.js"></script>

<!--<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff">-->
<!--<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>-->
<!--<p>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>-->
<!--</div>-->
</body>
</html>